// 导入router实例
import router from './router'
// 导入store实例
import store from './store'
// 导入进度条以及样式
import NProgress from 'nprogress'
import 'nprogress/nprogress'
// 导入设置标题的方法
import getPageTitle from './utils/get-page-title'
// 路由白名单
const whiteList = ['/login', '/404']
// 前置路由守卫
router.beforeEach(async(to, from, next) => {
  // 调用获取标题的方法

  document.title = getPageTitle(to.meta.title)
  // 先从vuex中获取token
  const token = store.state.user.token
  NProgress.start()
  if (token) {
    // 如果有token，访问的路径是登录，那么跳转到首页
    // 如果有token，访问的路径是其他，那么直接放行
    if (to.path === '/login') {
      next('/')
    } else {
    // 获取用户信息的时机
    // 1.需要有token
    // 2.在跳转之前
      await store.dispatch('user/getUserInfo')
      next()
    }
  } else {
    // 如果没有token
    // 看是否在白名单中，如果在直接放行，否则跳转到登录页
    if (whiteList.includes(to.path)) {
      next()
    } else {
      next('/login')
    }
  }
  NProgress.done()
})
router.afterEach((to) => {
  NProgress.done()
})
